<template>
	<div class="header-like">
		<div class="like-top">
			<span class="iconfont" style="color: red;font-size: 0.48rem;">&#xe699;</span>
			<label>猜你喜欢</label>
		</div>
		<ul class="like-list">
			<li class="border-bottom" v-for="(item,index) in LikeList" :key="item.id">
				<div class="item-img">
					<img :src="item.likeUrl" />
				</div>
				<div class="list-item">
					<p class="item-til">{{item.liketil}}</p>
					<p class="">
						<span class="iconfont star">&#xe812;</span>
						<span class="iconfont star">&#xe812;</span>
						<span class="iconfont star">&#xe812;</span>
						<span class="iconfont star">&#xe812;</span>
						<span class="iconfont star">&#xe812;</span>
						<span>{{item.talk}}条评论</span>
					</p>
					<p>
						<span class="money">￥{{item.price}}</span>起
						<span class="di">{{item.di}}</span>
					</p>
				</div>
			</li>
		</ul>
	</div>
</template>

<script>
	export default{
		props: ['LikeList'],
		data(){
			return{
				
			}
		}
	}
</script>

<style scoped>
	.header-like{
		width: 100%;
		background-color: white;
		font-size: 0.28rem;
		/* margin-top: 0.4rem; */
		padding-bottom: 1rem;
	}
	.like-top{
		font-size: 0.6rem;
		margin-left: -217px;
	}
	.star{
		color: yellow;
	}
	.border-bottom{
		border-bottom: 1px solid #CCCCCC;
		height: 2.5rem;
		padding: 0.2rem;
	}
	.list-item{
		line-height: 0.6rem;
		float: left;
	}
	.item-til{
		font-weight: bold;
		font-size: 0.4rem;
	}
	.money{
		color: #FF4500;
		font-size: 0.7rem;
	}
	.di{
		padding-left: 50px;
	}
	.item-img img{
		width: 30%;
		float: left;
	}
</style>
